<div class="tqb-modal-step">
	<div class="tvd-modal-content">
		<h3 class="tvd-modal-title"><?php echo __( 'Create a quiz from scratch or customize a template', 'thrive-quiz-builder' ) ?></h3>
		<p class="tvd-qt-p"><?php echo __( 'Choose a template', 'thrive-quiz-builder' ) ?></p>

		<div class="tqb-new-quiz-templates tvd-row tvd-collapse"></div>
		<div class="tqb-new-quiz-description"></div>
	</div>
	<div class="tvd-modal-footer">
		<div class="tvd-row">
			<div class="tvd-col tvd-s12 tvd-m6">
				<a href="javascript:void(0)"
				   class="tvd-btn-flat tvd-btn-flat-secondary tvd-btn-flat-dark tvd-waves-effect tvd-modal-close">
					<?php echo __( 'Cancel', 'thrive-quiz-builder' ) ?>
				</a>
			</div>
			<div class="tvd-col tvd-s12 tvd-m6">
				<a href="javascript:void(0)"
				   class="tvd-waves-effect tvd-waves-light tvd-btn tvd-btn-green tvd-right tqb-modal-next-step" disabled="disabled">
					<?php echo __( 'Continue', 'thrive-quiz-builder' ) ?>
				</a>
			</div>
		</div>
	</div>
</div>

<div class="tqb-modal-step">
	<div class="tvd-modal-content">
		<h3 class="tvd-modal-title"><?php echo __( 'Label your quiz', 'thrive-quiz-builder' ) ?></h3>

		<p><?php echo __( 'Enter a name for your quiz. This is for internal use only - your website visitors will not see this name.', 'thrive-quiz-builder' ) ?></p>

		<div class="tvd-input-field">
			<input id="tqb-new-quiz-name" type="text" name="new-quiz-name" data-bind="post_title">
			<label for="tqb-new-quiz-name" data-error="<?php echo __( 'Quiz name is required', 'thrive-quiz-builder' ) ?>"><?php echo __( 'Quiz name', 'thrive-quiz-builder' ) ?></label>
		</div>
	</div>
	<div class="tvd-modal-footer">
		<div class="tvd-row">
			<div class="tvd-col tvd-s12 tvd-m6">
				<a href="javascript:void(0)"
				   class="tvd-btn-flat tvd-btn-flat-secondary tvd-btn-flat-dark tvd-waves-effect tqb-modal-prev-step">
					<?php echo __( 'Back', 'thrive-quiz-builder' ) ?>
				</a>
			</div>
			<div class="tvd-col tvd-s12 tvd-m6">
				<a href="javascript:void(0)"
				   class="tvd-waves-effect tvd-waves-light tvd-btn tvd-btn-green tvd-right tvd-modal-submit">
					<?php echo __( 'Continue', 'thrive-quiz-builder' ) ?>
				</a>
			</div>
		</div>
	</div>
</div>
